import React from "react";
import { Card, Table } from 'antd';
import './Scss/HomenTabTableShow.scss';
const columns = [
  {
    title: '课程',
    dataIndex: 'name',
    key: 'name',
    align: 'center',
  }, {
    title: '今日购买',
    dataIndex: 'todayBuy',
    key: 'todayBuy',
    align: 'center',
  }, {
    title: '本月购买',
    dataIndex: 'monthBuy',
    key: 'monthBuy',
    align: 'center',
  }, {
    title: '总购买',
    dataIndex: 'totalBuy',
    key: 'totalBuy',
    align: 'center',
  }
];
const TabTableShow =  ({ tableData }) => {
  return (
    <Card hoverable>
      <Table
        rowKey='id' // 使用索引作为 key
        bordered
        className="tabtableshow"
        dataSource={tableData}
        columns={columns}
        pagination={false}
      />
    </Card>
  )
}
export default TabTableShow;